.order-page {
    .title {
        font-size: 30rpx;
        color: #444;
        margin: 50rpx 0 30rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 40rpx;
    }
    .order-box {
        border-top: 10rpx solid #eee;
        padding: 0 40rpx;
        border-bottom: 10rpx solid #eee;

        .oder-header {
            font-size: 26rpx;
            color: #444;
            display: flex;
            height: 80rpx;
            line-height: 80rpx;
            border-bottom: 1rpx solid #ddd;
            .order-number {
                color: #999;
                font-size: 26rpx;
                flex: 1;
            }
            .order-status {
                color: #1791ff;
                font-size: 26rpx;
            }
        }
        .shop-box {
            display: flex;
            align-items: center;
            height: 80rpx;
            line-height: 80rpx;

            .shope-name {
                color: #444;
                font-size: 26rpx;
                font-weight: bold;
                flex: 1;
            }
            .types {
                color: #444;
                font-size: 26rpx;
            }
        }
    }
    .goodsList {
        padding-bottom: 30rpx;
        .item {
            display: flex;
            line-height: 45rpx;
            height: 45rpx;
            align-items: center;

            .name {
                flex: 1;
                font-size: 26rpx;
                color: #999;
            }
            .type {
                color: #f64c4c;
                border: 1px solid #f64c4c;
                font-size: 24rpx;
                display: flex;
                align-items: center;
                height: 36rpx;
                width: 80rpx;
                align-items: center;
                justify-content: center;
                margin-right: 10rpx;
            }
            .price {
                font-size: 26rpx;
                color: #999;
            }
            .number {
                font-size: 26rpx;
                color: #999;
                flex-basis: 50rpx;
                text-align: right;
            }
        }
    }
    .total {
        display: flex;
        color: #444;
        font-size: 26rpx;
        border-top: 1px solid #ddd;
        height: 80rpx;
        line-height: 80rpx;
        font-weight: bold;

        .left {
            flex: 1;
        }
        .right {
        }
    }
    .contact {
        border-top: 1rpx solid #ddd;
        color: #999;
        font-size: 26rpx;
        padding: 18rpx 0;
        line-height: 50rpx;
    }
    .handle {
        border-top: 1px solid #ddd;
        display: flex;
        padding: 25rpx 0;
        justify-content: flex-end;

        .button {
            color: #1791ff;
            font-size: 24rpx;
            border: 1px solid #1791ff;
            display: flex;
            width: 120rpx;
            height: 50rpx;
            line-height: 50rpx;
            justify-content: center;
            margin-left: 30rpx;
        }
    }
}
